<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="com.boxin.ims.modules.wechat.entity.Product" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0">
<title>会员中心</title>
<link href="${ctxStatic }/site/themes/default/css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="${ctxStatic }/site/themes/default/css/css.css" rel="stylesheet" type="text/css">
<script src="${ctxStatic }/site/themes/default/js/respond.min.js"></script>
<script src="${ctxStatic }/site/themes/default/js/prefix-free.js"></script>
<script src="${ctxStatic}/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery/jquery-migrate-1.1.1.min.js" type="text/javascript"></script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<script src="${ctxStatic}/site/themes/default/js/hideOptionMenu.js" type="text/javascript"></script>

<style type="text/css">
.jifen_item {
	border-bottom: 1px #e3e3e3 solid;
	border-top: 1px #e3e3e3 solid;
	padding: 3%;
	margin-top: 10px;
	background: #FFF;
	position:relative;
}
.jifen_item i {
	font-style: normal;
	font-weight: bold;
	color: #F00;
	font-size: 14px;
}
.jifen_item p {
	color: #999;
}
.tab_user {
	margin: 0 auto;
	position: relative;
}
.user_item {
	position: absolute;
	top: 150px;
	left: 33%;
	margin:0 auto;
	text-align:center;
}
.icon_user:before {
	font:100px 'ElegantIcons';
	content: "\e08b";
	color: #ccc;
}
</style>
<script type="text/javascript">
$(function(){
	$("#move").mouseover(function(){
		$("#moveshow").addClass("show");
		$("#moveUl").show();
	});
	
	$("#move").mouseout(function(){
		$("#moveshow").removeClass("show");
		setInterval("$('#moveUl').hide();",5000);
		
	});
});
</script>
</head>
<body  style="background:#f3f3f3">
<div class="gridContainer clearfix">
  <div id="LayoutDiv1">
    <header>    
	    <ul class="menu">  
	    <span style=" font-size:18px; color:#FFF" class="left biaoti icon_left"   onclick="history.back(-1)" >经验值记录 </span>
			<li id="moveshow" > <a href="#" id="move"  ><span class="icon_menu right"></span></a>
				<ul  id="moveUl"  style="z-index: 100;display:none;">
						<jsp:include page="./right.jsp"></jsp:include>
				</ul>
			</li>
		</ul>
    </header>
    <section  class="tab_user" style="margin-bottom: 50px;"> 
      <div class="tab_list">
      	<c:forEach items="${memberExperienceList}" var="memberExperience">
	      	<div class="jifen_item">
			    <p>
			    	<c:if test="${memberExperience.type eq '1'}">推荐会员经验值增加：</c:if>
			    	<c:if test="${memberExperience.type eq '2'}">线上消费经验值增加：</c:if>
			    	<c:if test="${memberExperience.type eq '3'}">线下消费经验值增加：</c:if>
			    	<c:if test="${memberExperience.type eq '4'}">经验值减少：</c:if>
			    	
			    	<i>${memberExperience.exp }</i> 
			    </p>
			    <p><fmt:formatDate value="${memberExperience.create_time}" type="both"/></p>
			    <div>备注：${memberExperience.remarks }</div>
			</div>
      	</c:forEach>
      	<c:if test="${empty memberExperienceList }">
      		  <div class="user_item"><p><i class="icon_user"></i></p><br>
			   <p style="text-align:center;">您暂时没有经验值</p>
			  </div>
      	</c:if>
	  </div>
    </section>
  </div>
    <div class="jszch">技术支持：<a href="http://www.hdzhx.com/boxin/index.html" >智讯互联</a></div>
</div>
</body>
</html>
